{% load staticfiles %}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.min.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'css/font-awesome.min.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'css/unit.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'css/style-admin-department.css' %}">
<script type="text/javascript" src="{% static 'js/unit.js' %}">
</script>

<title>企业考勤管理系统-个人账户</title>
</head>
<body onload="startTime()">
    <div class="head">
    	<h2>企业管理系统</h2>
    	<div class="head-right">
    		<span class="head-help"><a href="#">帮助</a></span>
    		<div id="head-time"></div>
    	</div>
    </div>
    <div id="navigation">
    	<nav role="navigation">
		  <ul>
		  <a href="/"><li>首页</li></a>
          	<a href="/employee/list/"><li>职工管理</li></a>
          	<a href="/ment/ment/"><li  class="li-active">部门管理</li></a>
          	<a href="/classes/class/"><li>班次管理</li></a>
          	<a href="/chenk/chenk/"><li>考勤记录</li></a>
          	<a href="/"><li>系统维护</li></a>
          	<a href="/"><li>请假管理</li></a>
		  </ul>
		</nav>
    </div>
    <div class="left-list">
        <a href="/ment/ment/"><div class="ll-active">部门详情</div></a>
        <a href="/ment/setting/"><div class="left-child">部门设置</div></a>
    </div>
    <div class="right">
        <span class="title-bar">部门管理<i class="fa fa-angle-right" style="letter-spacing:2px;"></i>部门详情</span>
        <div class="form-group">
          <label for="name" class="col-sm-2 control-label">部门</label>
          <div class="col-sm-10">
             <select class="form-control">
                 {% for employee in employees %}
                    <option value="{{ employee.ment_id }}">{{ employee.ment.ment_name }}</option>
                 {% endfor %}
            </select>
          </div>
        </div>
        <div class="clear"></div>
          <div class="department-member">
            <table class="table table-striped" style="margin-left:40px; width:92%">
               <thead>
                  <tr>
                     <th>工号</th>
                     <th>姓名</th>
                     <th>性别</th>
                     <th>职位</th>
                  </tr>
               </thead>
               <tbody>
               {% for employee in employees %}

                  <tr>
                     <td>{{ employee.s_id }}</td>
                     <td>{{ employee.s_name }}</td>
                     <td>{{ employee.sex }}</td>
                     <td>{{ employee.ment.ment_name }}</td>
                  </tr>
               {% endfor %}
            </table>
            <div class="pagination-self">
                <ul class="pagination">
                  <li><a href="#">&laquo;</a></li>
                  <li class="active"><a href="#">1</a></li>
                  <li class=""><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">4</a></li>
                  <li><a href="#">5</a></li>
                  <li><a href="#">&raquo;</a></li>
                </ul>
            </div>           
          </div>
    </div>
</body>